* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /*//  remove tap highlight color for mobile safari*/
}

*:before,
*:after {
  box-sizing: border-box;
}

/*// HTML & Body reset*/

html,
body {
  width: 100%;
  height: 100%;
}

body {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
}

/*// unify the setting of elements's margin and padding for browsers*/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  margin: 0;
  padding: 0;
}

/*// Reset fonts for relevant elements*/

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

ul,ol {
  list-style: none;
}

b{
  font-weight: normal;
}
/*// Remove the clear button of a text input control in IE10+*/

input::-ms-clear,
input::-ms-reveal {
  display: none;
}

a{ cursor: pointer; }
a:active,
a:hover {
  outline: 0;
  text-decoration: underline;
}

a[disabled] {
  cursor: not-allowed;
  pointer-events: none;
}

.clearfix {
  zoom: 1;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
  visibility: hidden;
  font-size: 0;
  height: 0;
}
.pointer { cursor: pointer; }
.pull-left { float: left; }
.pull-right { float: right; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.hide { display: none !important; }
.show { display: block !important;}
.bold{ font-weight: bold !important; }
.f12{ font-size: 12px !important; }
.f14{ font-size: 14px !important; }
.f16{ font-size: 16px !important; }
.f18{ font-size: 18px !important; }
.f20{ font-size: 20px !important; }
.f22{ font-size: 22px !important; }
.f24{ font-size: 24px !important; }
.f26{ font-size: 26px !important; }
.p0{ padding: 0 !important; }
.pt10{ padding-top: 10px !important; }
.pt20{ padding-top: 20px !important; }
.pr5{ padding-right: 5px !important; }
.pb10{ padding-bottom: 10px !important; }
.mt10{ margin-top: 10px !important; }
.mt20{ margin-top: 20px !important; }
.mt30{ margin-top: 30px !important; }
.mt40{ margin-top: 40px !important; }
.mt50{ margin-top: 50px !important; }
.mt70{ margin-top: 70px !important; }
.ml5{ margin-left: 5px !important; }
.ml10{ margin-left: 10px !important; }
.ml20{ margin-left: 20px !important; }
.ml30{ margin-left: 30px !important; }
.ml40{ margin-left: 40px !important; }
.ml50{ margin-left: 50px !important; }
.mr10{ margin-right: 10px !important; }
.mr20{ margin-right: 20px !important; }
.mb10{ margin-bottom: 10px !important; }
.mb20{ margin-bottom: 20px !important; }
.lh25{ line-height: 25px !important; }
.inline-block{ display: inline-block; }
.middle{ vertical-align: middle !important; }